<?php echo $this->tag->stylesheetLink('css/bootstrap/bootstrap-datetimepicker.min.css'); ?>
<form method="POST">
    <div class="form-group">
        <label>Name:</label>
        <input class="form-control" name="name" type="text"/>
    </div>
    <div class="form-group">
        <label>Description:</label>
        <textarea class="form-control" name="description" id="description"></textarea>
    </div>
    <div class="form-group">
        <label>Part I:</label>
        <input class="form-control" name="part[1]" type="number"/>
    </div>
    <div class="form-group">
        <label>Part II:</label>
        <input class="form-control" name="part[2]" type="number"/>
    </div>
    <div class="form-group">
        <label>Part III:</label>
        <input class="form-control" name="part[3]" type="number"/>
    </div>
    <div class="form-group">
        <label>Part IV:</label>
        <input class="form-control" name="part[4]" type="number"/>
    </div>
    <div class="form-group">
        <label>Part V:</label>
        <input class="form-control" name="part[5]" type="number"/>
    </div>
    <div class="form-group">
        <label>Part VI:</label>
        <input class="form-control" name="part[6]" type="number"/>
    </div>
    <div class="form-group">
        <label>Part VII:</label>
        <label>1 paragraph:</label>
        <input class="form-control" name="part[7][1]" type="number"/>
        <label>over 1 paragraph:</label>
        <input class="form-control" name="part[7][2]" type="number"/>
    </div>
    <div class="form-group">
        <label>Start Time</label>
        <div class='input-group date datepicker' id='startTime' >
            <input type='text' class="form-control" name="startTime"/>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
    <div class="form-group">
        <label>End Time</label>
        <div class='input-group date datepicker' id='endTime'>
            <input type='text' class="form-control" name="endTime"/>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
    <div class="form-group">
        <button>Create</button>
    </div>
</form>

<?php echo $this->tag->javascriptInclude('js/moment.js'); ?>
<?php echo $this->tag->javascriptInclude('js/bootstrap/bootstrap-datetimepicker.min.js'); ?>
<?php echo $this->tag->javascriptInclude('http://cdn.ckeditor.com/4.4.6/full/ckeditor.js'); ?>
<script>
    $(document).ready(function() {
        $('.datepicker').datetimepicker();
        CKEDITOR.replace('description');
    });
</script>